.test{
    height: 30px;
    width: 30px;
    background: #ff0

}

.mtitle{
    line-height: 46px;
    background: #FFF;
    padding: 0px;
    width: 100%;

}
.title-finalsale{
    float: left;
    margin-right: 18px;
    font-size: 20px;
    color: #333;
    letter-spacing: 1px;
    line-height: 46px;
}
.title-tips{
    font-style: normal;
    float: left;
    font-size: 12px;
    color: #999;
    letter-spacing: .5px;
    line-height: 46px;
}
.title-check-more{
    float: right;
    line-height: 46px;
}

.flow{
  display: flex;
  width: 100%;
}
.item{
  flex: 1;
  position: relative;
  padding: 3px;
}

.rest-time{
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 4px 2px 4px;
    font-size: 12px;
}
.uptoInfo{
    float: right;
    background:#f5a623;
    padding: 0 3px 0 3px;
    color: #FFF;
    font-size: 8px;
}
.sale-image{
    height: auto;
    width: 100%;
}
.title{
    font-family: didot;
    font-size: 13px;
    color: #333;
    letter-spacing: .54px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.description{
    font-family: didot;
    font-size: 10px;
    color: #333;
    letter-spacing: .54px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.buy-now{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #FFF;
}
